<template>
  <!-- 测试渲染创建的虚拟dom -->
  <div id="divbox"></div>
  <!-- 一级路由出口 -->
  <router-view />
</template>

<script>
// 先导入创建虚拟dom的方法
// 导入自定义组件
import Massage from '@/components/Message'
import { createVNode } from 'vue'
const h1dom = createVNode('h1', { id: 'h1box' }, [<h2>this is h2</h2>])
console.log('创建的第一个虚拟dom', h1dom)
// 使用自定义组件为参数，创建一个虚拟dom
const MassageVNode = createVNode(Massage, { type: 'warn' })
console.log('使用自定义组件创建', MassageVNode)
// render(MassageVNode, document.body)
// // 调用render方法渲染虚拟dom
// render(h1dom, document.querySelector('div'))
export default {

}
</script>
